Previewing a Mobile Device Site

How to preview a mobile device site using the Preview mode on the Control PanelDNN comes with a choice of two Control Panels called ControlBar (default) and the RibbonBar. The Control Panel enables Content Editors (optional), Page Editors, Administrators and SuperUsers to access a range of site building and administrative tools..

1. Select Edit PageA page on a DNN site. > Mobile Preview from the ControlBarThe ControlBar is the default Control Panel provided with DNN. Control PanelDNN comes with a choice of two Control Panels called ControlBar (default) and the RibbonBar. The Control Panel enables Content Editors (optional), Page Editors, Administrators and SuperUsers to access a range of site building and administrative tools., or select Preview mode using the RibbonBarThe RibbonBar is an alternative Control Panel that is provided with DNN. The RibbonBar displays site management tools grouped under the categories: Common Tasks, Current Page, Admin and Host.. See "Overview of the RibbonBar"

2. Select a device profile from the Profile drop down list.
3. These profiles are the same Device Profiles found in the Device Preview Management ModuleDNN uses a modular design system to display content on a page. One or more modules are added to each site page to create and manage the site content. There are many different types of modules, each managing a different type of site content or site administrative tasks..
4. At Orientation, choose the viewing angle.
   • Portrait or Landscape
   • Depending on the particular device profile, Portrait mode can be a wider viewing angle than Landscape, one example is the BlackBerry Playbook default profile.
5. At Enable Device Detection, select this to enable Redirections on the previewed page.
   • Enabling this option will simulate the device experience. If the selected device profile from Step 1 satisfies any of the defined Redirection Rules, the Preview will show the page that it would be redirected to.
   • Disabling this option, the preview will only show the current page in the defined aspect ratio, no redirects will occur.
   • Redirects will also occur if the current viewing device satisfies any of the defined Redirection Rules.
6. At Show Dimensions, shows the screen dimensions defined for the specified device profile.

Preview Mode of the Products page being redirected to Products-Mobile page using a Samsung Galaxy S3

Related Topics:

• See "About Mobile Devices Support"
• See "Creating a MicroSite"
• See "Adding and Editing Content"
• See "About the Mobile Skin"

Open topic with navigation